.count {
  display: inline-block;
  font-weight: 900;
}
.count .count-info {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.count .count-unit-size-normal {
  font-size: 16px;
}
.count .count-unit-size-large {
  font-size: 18px;
}
.count .count-unit-size-small {
  font-size: 14px;
}
.count .count-unit-size-mini {
  font-size: 12px;
}
/* type */
.count-type-default {
  color: #1bf5f7;
}
.count-type-warning {
  color: #df4a22;
}
.count-type-white {
  color: #fff;
}
.count-type-green {
  color: #19c094;
}
.count-type-yellow {
  color: #ffe065;
}
/* size */
.count-size-normal {
  font-size: 16px;
}
.count-size-big {
  font-size: 24px;
}
.count-size-large {
  font-size: 28px;
}
.count-size-small {
  font-size: 14px;
}
.count-size-mini {
  font-size: 12px;
}
.inline-block-count {
  display: inline-block;
}
